/*
 * @Description: 档案鉴定管理导航组件
 * @Author: Rfan
 * @Date: 2022-07-29 16:18:02
 * @LastEditTime: 2022-07-29 19:22:19
 */

import { Button, Menu } from 'antd';
import classNames from 'classnames/bind';
import { MoreOutlined } from '@ant-design/icons';
import styles from '../styles/pageSidebar.module.scss';

const cx = classNames.bind(styles);

const StateSidebar = () => {
  const items = [
    { key: 'all', label: '全部' },
    { key: 'sip', label: '待执行' },
    { key: 'appraising', label: '鉴定中' },
    { key: 'rollback', label: '审核退回' },
    { key: 'finish', label: '完成鉴定' },
    { key: 'invalid', label: '已作废' }
  ];

  return (
    <div className={cx('state-sidebar')}>
      <div className={cx('sidebar-header')}>
        <h4>鉴定处理状态</h4>
        <Button type="text" icon={<MoreOutlined />} />
      </div>
      <Menu items={items} />
    </div>
  );
};

export default StateSidebar;
